<template>
  <div>
    <Top />
    <Nav />
    <Banner :items="items"/>
    <Content />
  </div>
</template>

<script>
import Head from "~/components/Head";
import Top from "~/components/Top";
import Nav from "~/components/Nav";
import Banner from "~/components/Banner";
import {listBanner} from "~/api/backend/system/banner";
import Content from "~/components/Content";
export default {
  components:{
    Content,
    Head,
    Top,
    Nav,
    Banner
  },
  data(){
    return {
      items:[]
    }
  },
  asyncData({params,error}){

  },
  mounted() {
    listBanner().then((res)=>{
      this.items=res.data
    })
  }

}
</script>

<style scoped>

</style>
